<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="Ccab.jsp"%>
<%@ page import = "java.util.*"  %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script type="text/javascript" src="js/jquery-1.9.1.js"></script> 
<link href="../css/style.css" rel="stylesheet" type="text/css" />
<link href="css/slider.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="../js/view.css" media="all">
<script language="javascript" src="../js/funciones.js"> </script>
<script type="text/javascript" src="../js/view.js"></script>
<title>Gestión de Estudiantes</title>
<script type="text/javascript" >
/*  Si no hay una imagen visible o la última
 *  imagen es visible, muestra la primera.
 *
 *  Si hay una imagen visible muestra la siguiente
 */
function slider(){

    if ($('#slider img:visible').length == 0 || $('#slider img:last').is(':visible')){
        $('#slider img').fadeOut().first().fadeIn();
    } else {
        $('#slider img:visible').fadeOut().next('img').fadeIn();
    }

}

$(document).ready(function(){

    slider();
    setInterval(slider, 2000);
    
 

 });
</script> 

</head>
<body>
<table width="100%" cellspacing="0" border="0" cellpadding="0">
		<tr>
			<td height="400px" id='celda'>
				<table cellspacing="0" border="0" cellpadding="0">
					<tr>
					<th width="180px">
						<tr>
						  <div id="slider" align="center" >
         					 <img src="../imagenes/ima14.jpg" />
         					 <img src="../imagenes/ima9.jpg" />
          					 <img src="../imagenes/ima8.jpg" />
          					 <img src="../imagenes/ima11.jpg" />
         					 <img src="../imagenes/ima7.jpg" />
     						</div>
						</tr>
						
						<td valign=top>
							<table width="70%" cellspacing="0" border="0" cellpadding="0">
							<tr height="40px">									
								<td colspan="2" align="left">&nbsp;</td>															
							</tr>
								<tr height="40px">									
									<td align="left"  width="10%">&nbsp;</td>
									<td>
									  <div id="titulo" align="left">
										Descripción
									   </div>
									</td>									
								</tr>
								<tr height="40px">
									<td  id="celda" width="10%">&nbsp;</td>
									<td align="left" id="celda">
									<div id="texto" align="left">
									 <br>  Esta aplicación tiene como objetivo llevor el control de los estudiantes de la Institucion.
									 <br><br> Para ello tiene la opción de registrar los datos básicos de los estudiantes, asi como también
									 la opción de consultar todos los estudiantes registrados.
									</div>	
									</td>	
								 </tr>
							</table>
						 </td>
					</tr>
				</table>
			</td>
		</tr>
	</table>

			<div id="copyright">
				&copy;  Proyecto | Design: <a href="http://www.guillemox_asarox.wix.com/marca-personal">Asaro Guillermo and <a href="http://www.suarezcumare.wix.com/tonysuarez"> Suarez Tony</a> </a>
			</div>
		
	



</body>

</html>
